<template>
	
	<view>
		
		<view class="content">
			
			
			<view class="c-item">
				<view class="ci-title">餐饮要求</view>
				<view class="sep"></view>
				<view class="ci-content">
					<view class="textarea">{{eat_text}}</view>
				</view>
			</view>

			<view class="op">
				<button class="btn-back" @tap="back()">返回</button>
			</view>
			
			
			
		</view>
		
	</view>
	
</template>

<script>
	
	var app = getApp();
	
	export default{
		data(){
			return {
				eat_text:'',
				worker_id:0
			}
		},
		onLoad(option) {
			let that = this;
			option = option || {};
			that.worker_id = option.worker_id ? option.worker_id : 0;
			that.get_orderplan();
		},
		methods:{
			get_orderplan(){
				let that = this;
				app.post('ApiYuyueOrder/get_yuyue_plan',{worker_id:that.worker_id},(resp)=>{
					if(resp.status == 200){
						var data = resp.msg;
						that.eat_text = data.eat_text;
					}
				});
			},
			back(){
				uni.navigateTo({
					url:'/pages/my/yuyue'
				})
			}
		}
	}
	
</script>

<style>
	
	
	.content{
		height: auto;
	}
	
	.c-item{
		display: flex;
		flex-direction: column;
		padding: 0.5rem;
		margin-bottom: 1rem;
	}
	
	.sep{
		height: 0.01rem;
		background-color: #b4b4b4;
		width: 100%;
		margin-bottom: 0.25rem;
	}
	
	.ci-content{
		height: 60%;
		width: 100%;
	}
	
	.ci-content .textarea{
		background-color: white;
		border: 0.01rem solid #aeaeae;
		border-radius: 0.25rem;
		width: 100%;
		padding: 0.25rem;
		outline: none;
		height: 25rem;
		overflow-y: auto;
	}
	
	
	.op{
		display: inline-block;
		width: 100%;
		margin-bottom: 3rem;
		margin-top: 3rem;
	}
	
	.btn-back{
		width: 4.5rem;
		text-align: center;
		background-color: #00aaff;
		color: white;
		height: 2.0rem;
		line-height: 2.0rem;
		margin-top: 0.35rem;
		border-radius: 0.25rem;
		margin-left: auto;
		margin-right: auto;
		
	}
	
</style>